<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<!-- For Resposive Device -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- For IE -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<title>ChinaZ</title>
	
	<link rel="stylesheet" href="css1/amazeui.min.css"/>
	<link rel="stylesheet" href="css1/style.css"/>
	<script src="js/jquery.min.js"></script>
	<script src="js/amazeui.min.js"></script>
	

	<!-- Main style sheet -->
	<link rel="stylesheet" href="./css/title.css">
	<link rel="stylesheet" href="css/style.css">
	<!-- responsive style sheet -->
	<link rel="stylesheet" href="css/responsive.css">
	
	
</head>

<body>

	<div class="main-page-wrapper">

		<!-- =====导航栏开始 ======= -->
		<div class="navbar navbar-fixed-top custom-navbar" role="navigation">
			<div class="container">

				<!-- navbar header -->
				<div class="navbar-header">

					<a href="#" class="navbar-brand">宠物详情</a>
				</div>

				<div class="collapse navbar-collapse">

					<ul class="nav navbar-nav navbar-right">
						<li><a href="index.html" class="smoothScroll">首页</a></li>
						<li><a href="../领养展示页面/about.html" class="smoothScroll">领养</a></li>
						<li><a href="../宠物店展示/宠物店展示.html" class="smoothScroll">寄养</a></li>
						<li><a href="上架.html" class="smoothScroll">为小可爱找主人</a></li>
						<li><a href="../领养展示页面/about.html" class="smoothScroll">购买宠物</a></li>
						<li><a href="博客.html" class="smoothScroll">社区</a></li>
						<li><a href="#" class="smoothScroll">登录</a></li>
						<li><a href="../联系我们/lxwm.html" class="smoothScroll">联系我们</a></li>
					</ul>

				</div>

			</div>
		</div>

		
		<section id="intro" class="parallax-section">
			<div class="container">
				<div class="row">
				</div>
			</div>
		</section>


		<!---------->
		<div class="our-blog">
		<div class="container1">
	<header data-am-widget="header" class="am-header am-header-default my-header">
      <div class="am-header-left am-header-nav">
        <a href="#left-link" class="">
          <i class="am-header-icon am-icon-chevron-left"></i>
        </a>
      </div>
      <h1 class="am-header-title">
        <a href="#title-link" class="">一大只橘猫</a>
      </h1>
      <div class="am-header-right am-header-nav">
        <a href="#right-link" class="">
          <i class="am-header-icon  am-icon-home"></i>
        </a>
      </div>
    </header>
    <!-- banner -->
    <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
      <ul class="am-slides">
        <li>
          <img src="images/b33.jpg">
        </li>
        <li>
          <img src="images/b33.jpg">
        </li>
        <li>
          <img src="images/b33.jpg">
        </li>
        <li>
          <img src="images/b33.jpg">
        </li>
      </ul>
    </div>
	<div class="gray-panel">
    	<div class="paoduct-title-panel">
        	<h1 class="product-h1">一大只橘猫</h1>
            <p><span class="am-fr product-title-gray-text"><i class="am-icon-star"></i>收藏</span><span class="bold">价格：</span><span class="red2">￥1700.00</span>
        </div>
        <div class="my-search-title-panel">
        	<ul class="am-avg-sm-4 am-text-center am-text-sm">
            	<li class="am-text-center">销量<br />0件</li>
                <li class="am-text-center">库存<br />0件</li>
                <li class="am-text-center">订单<br />0个</li>
                <li class="am-text-center">评价<br />0条</li>
            </ul>
    	</div>
        <div class="my-search-title-panel">
        	<p class="my-search-titp-p am-text-sm bold">尺码</p>
            <p class="size-p" id="sizep"><span data-size="S">S</span><span data-size="M">M</span><span data-size="L">L</span><span data-size="XL">XL</span><span data-size="XXL">XXL</span><input type="hidden" id="size" name="size" value="" /></p>
            <hr data-am-widget="divider" style="" class="am-divider-default am-margin-bottom-sm"/>
            <p class="my-search-titp-p am-text-sm bold">颜色分类</p>
            <p class="size-p" id="colorp">
            	<span data-color="酒红色">酒红色</span><span data-color="黑色">黑色</span><input type="hidden" id="color" name="color" value="" />
            </p>
           
            <hr data-am-widget="divider" style="" class="am-divider-default am-margin-bottom-sm"/>
            <div>
            	<ul class="am-avg-sm-2 am-text-center">
                	<li class="am-text-center am-padding-sm"><button type="button" class="am-btn am-btn-success am-btn-block am-radius">加入购物车</button></li>
                    <li class="am-text-center am-padding-sm"><button type="button" class="am-btn am-btn-danger am-btn-block am-radius">立即购买</button></li>
                </ul>
            </div>
        </div>
        
    </div>
            <!-- 商品详情 -->
        
        <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
          <ul class="am-tabs-nav am-cf">
            <li class="am-active">
              <a href="[data-tab-panel-0]">详情</a>
            </li>
            <li class="">
              <a href="[data-tab-panel-1]">疫苗详情</a>
            </li>
          </ul>
          <div class="am-tabs-bd">
            <div data-tab-panel-0 class="am-tab-panel am-active">【橘猫】我是一只超级大的橘猫啊。</div>
            <div data-tab-panel-1 class="am-tab-panel ">
            
            <ul class="am-list am-list-static am-list-border am-list-striped am-text-sm">
            	<li>2015-6-5日第一针</li>
                <li>2015-6-5日第二针</li>
            </ul>         
            </div>  
          </div>
        </div>
        </div>
</div>
</div>

<!---->



		<!-- Footer ____________________________ -->
		<footer>
			<div class="container">
				<div class="top-footer row">
					<div class="col-md-5 col-sm-7 col-xs-12 footer-logo">
						<a href="#"><img src="images/them-logo/them-main-logo-2.jpg" alt="Logo"></a>
						<p><span class="p-color">myPet</span> was established in 2017 by Pet business veterans, Rod
							Davies and Matthew Levington, the journey began when founders Matthew Levington and Rod
							Davies, met up in 2017 over a beer</p>
						<ul class="icon">
							<li><a href="" class="tran3s"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						</ul>

						<ul class="policy">
							<li><a href="" class="tran3s">Privacy Policy </a></li>
							<li><a>|</a></li>
							<li><a href="" class="tran3s">Legal Policy</a></li>
						</ul>
					</div> <!-- /.footer-logo -->

					<div class="col-md-4 col-sm-5 col-xs-12 footer-list">
						<h5>Important Links</h5>

						<ul>
							<li><a href="#" class="tran3s">首页</a></li>
							<li><a href="#" class="tran3s">关于我们 </a></li>
							<li><a href="#" class="tran3s">寄养</a></li>
							<li><a href="shop.html" class="tran3s">领养</a></li>
							<li><a href="#" class="tran3s">出售</a></li>
							<li><a href="#" class="tran3s">新闻</a></li>
							<li><a href="#" class="tran3s">社区</a></li>
						</ul>
						<ul>
							<li><a href="#" class="tran3s">宠物</a></li>
							<li><a href="#" class="tran3s">我们的历史</a></li>
							<li><a href="#" class="tran3s">我们做了什么</a></li>
							
						</ul>
					</div> <!-- /.footer-list -->

					<div class="col-md-3 col-xs-12 footer-news">
						<h5>News Update</h5>

						<ul>
							<li>
								<h6><a href="#" class="tran3s">Prefinished Solid Hardwood Flooring</a></h6>
								<span>january 02,2017</span>
							</li>
							<li>
								<h6><a href="#" class="tran3s">Latst pet care in summer 12 care them well</a></h6>
								<span>january 02,2017</span>
							</li>
						</ul>
					</div> <!-- /.footer-news -->
				</div> <!-- /.top-footer -->
			</div> <!-- /.container -->

			<div class="bottom-footer">
				<div class="container">
					<p class="float-left">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank"
							href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
					<form action="#" class="float-right">
						<input type="text" placeholder="Your Email">
						<button class="tran3s p-bg-color">Subscribe</button>
					</form>
				</div> <!-- /.container -->
			</div> <!-- /.bottom-footer -->
		</footer>

	</div> <!-- /.main-page-wrapper -->


	<!-- Scroll Top Button -->
	<button class="scroll-top tran7s p-color-bg">
		<i class="fa fa-angle-up" aria-hidden="true"></i>
	</button>

	<!-- pre loader  -->
	<div id="loader-wrapper">
		<div id="loader"></div>
	</div>



	<!-- js file -->
	<!-- Main js file/jquery -->
	<script src="vendor/jquery-2.2.3.min.js"></script>
	<!-- bootstrap-select.min.js -->
	<script src="vendor/bootstrap-select-1.10.0/dist/js/bootstrap-select.min.js"></script>
	<!-- bootstrap js -->
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
	<!-- camera js -->
	<script src="vendor/Camera-master/scripts/camera.min.js"></script>
	<script src="vendor/Camera-master/scripts/jquery.easing.1.3.js"></script>
	<!-- Owl carousel -->
	<script src="vendor/OwlCarousel2/dist/owl.carousel.min.js"></script>
	<!-- appear & countTo -->
	<script src="vendor/jquery.appear.js"></script>
	<script src="vendor/jquery.countTo.js"></script>
	<!-- fancybox -->
	<script src="vendor/fancybox/dist/jquery.fancybox.min.js"></script>
	<!-- Gallery - isotop -->
	<script type="text/javascript" src="vendor/isotope.pkgd.min.js"></script>
	<!-- WOW js -->
	<script type="text/javascript" src="vendor/WOW-master/dist/wow.min.js"></script>
	<!-- Circle Progress -->
	<script type="text/javascript" src="vendor/circle-progress.js"></script>
	<!-- Style js -->
<script src="./js/title.js"></script>
	<script src="js/custom.js"></script>

</body>

</html>